.box-list-container{
  .list-container{
    padding: 20rpx 0;
    .list-item{
      margin-bottom: 20rpx;
      padding: 48rpx 16rpx 0 16rpx;
      background: linear-gradient(to bottom, #fff,#fff 50%,#f5f5f5 50%, #f5f5f5);


      .item-detail{
        padding: 24rpx 0;

        .name{
          @include text-ellipsis-line(1);
          font-size: 34rpx;
        }
        .desc{
          @include text-ellipsis-line(1);
          color: #999;
          font-size: 28rpx;
        }
        .in-icon{
          flex: 0 0 52rpx;
          width: 52rpx;
          height: 8rpx;
        }
      }

      .price-line{
        @include flex;
        align-items: center;

        .sub-item{
          @include sub-item;
          color: #000;
          margin-top: 12rpx;
          font-size: 24rpx;

          .price{
            display: inline-block;
            font-size: 44rpx;

            &::before{
              content: '￥';
              font-size: 28rpx;
            }
          }
        }

        .view-btn{
          background: #000;
          color: white;
          padding: 10rpx 20rpx;
        }
      }

      &:last-child{
        margin-bottom: 0;
      }
    }
  }
}